<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>有才开源</title>
		<!-- <meta name="keywords" content="wocapi，php，开源api，nodeJs，开源接口，开源框架，laravel，curd"> -->
		<!-- <meta name="description" content="蜗创开源的WocApi是一个超级简单的接口框架，零耦合架构按需加载致力于高效开发，方便维护方便横向扩展。"> -->
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
			integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
		<!-- Style -->
		<link rel="stylesheet" href="assets/css/style.css">
		<!-- Google Font -->
		<link href="https://fonts.lug.ustc.edu.cn/css?family=Roboto+Mono:300,400,700" rel="stylesheet">
		<!-- Ionic Icons-->
		<link href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/4.5.5/css/ionicons.min.css" rel="stylesheet">
		<!-- Favicon -->
		<link rel="shortcut icon" href="assets/images/favicon.png" />
	</head>

	<body>
		<nav class="navbar navbar-expand-lg fixed-top">
			<div class="container">
				<a class="navbar-brand" href="#">
					<a href="#" class="btn primary-btn">有才开源</a>
					<!-- <img alt="wocapi" src="assets/images/logo.png" class="img-fluid logo" /> -->
				</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse"
					data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
					aria-label="Toggle navigation">
					<i class="icon ion-md-menu"></i>
				</button>

				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="navbar-nav ml-auto">
						<li class="nav-item">
							<a class="nav-link" href="#home">首页</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#item">开源项目</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#contact">联系我们</a>
						</li>
					</ul>
					<form class="form-inline my-2 my-lg-0">
						<!-- <a href="#" class="btn primary-btn">开发文档（整理中）</a> -->
						<a target="_blank" href="https://gitee.com/hiwoniu" class="btn secondary-btn"
							style="min-width:80px">Git仓库</a>
					</form>
				</div>
			</div>
		</nav>

		<section id="home" class="bg-light">
			<div class="container">
				<div class="row  d-flex">
					<div class="col-lg-6 col-md-12 justify-content-center align-self-center">
						<!-- <h1>开源项目</h1> -->
						<p class="topmargin-sm">路漫漫其修远兮，吾将上下而求索。</p>
						<p> -- 战国·屈原《离骚》。</p>
						<div class="topmargin-sm">
							<a href="https://gitee.com/hiwoniu/wocapi-php" target="_blank"
								class="btn primary-btn">gitee</a>
							<a href="#" class="btn secondary-btn">github</a>
						</div>
					</div>
					<div class="col-lg-6 col-md-12">
						<img src="assets/images/banner.png" class="img-fluid">
					</div>
				</div>
			</div>
		</section>

		<!-- <section id="team-members">
        <div class="container">
            <h3>一群直男宅女</h3>
            <p class="topmargin-sm">
                我们是BlackTeam
                <br>我们喜欢带着笔记本仗剑天涯。。。
                <p>沈从文的故乡——边城有一条河叫做沱江
                <br>我渴望在沱江的上游找块地盖个青瓦房
                <br>院子里种一颗很大的银杏树
                <p>当深秋来临
                <br>满院的金黄色被秋风扫起
                <br>会有很多个房间
                <br>等待着同样喜欢仗剑的你
                <br>喝喝茶 聊聊天 写写代码。。。
            </p>
            </p>
            <div class="row topmargin-lg">
                <div class="col-md-4">
                    <div class="member-container">
                        <div class="member-information">
                            <h4>Bteam.Jason</h4>
                            <p>不会Node、不会PHP，也不会全栈。。。</p>

                        </div>
                        <img src="assets/images/member-jason.jpg" class="img-fluid">
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="member-container">
                        <div class="member-information">
                            <h4>Bteam.King</h4>
                            <p>啥？你想找我设计UI？</p>

                        </div>
                        <img src="assets/images/member-king.jpg" class="img-fluid">
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="member-container">
                        <div class="member-information">
                            <h4>Bteam.Andy</h4>
                            <p>写文案，不要涂口红、更不要涂指甲。。。</p>

                        </div>
                        <img src="assets/images/member-andy.jpg" class="img-fluid">
                    </div>
                </div>
            </div>
        </div>
    </section> -->
		<skill id="skill">
			<div class="container text-center">
				<h3>我们有哪些技能？</h3>
				<div class="row text-center topmargin-lg">
					<div class="col-md-3 divider-right">
						<div class="skill-btn">
							<a href="#contact">
								<h6>系统开发 <i class="icon ion-md-arrow-forward"></i></h6>
							</a>
							<p>手机App、微信公众号、微信小程序、桌面软件（Windows+Mac）、PC端更不用说了。</p>
							<p>这样说吧，别人会的我们都会！别人不会的我们也会!</p>
							<p>对于我们最擅长的技能，从来不谦虚！</p>
						</div>
					</div>
					<div class="col-md-3 divider-right">
						<div class="skill-btn">
							<a href="#contact">
								<h6>美工设计 <i class="icon ion-md-arrow-forward"></i></h6>
							</a>
							<p>交流下产品、设计下UI、改个logo、做做美工啥的尽管来找我们。</p>
						</div>
					</div>
					<div class="col-md-3 divider-right">
						<div class="skill-btn">
							<a href="#contact">
								<h6>写文案 <i class="icon ion-md-arrow-forward"></i></h6>
							</a>
							<p>这个可以有，只是我们团队做这个的牛人不是很多。</p>
						</div>
					</div>
					<div class="col-md-3">
						<div class="skill-btn">
							<a href="#contact">
								<h6>营销推广 <i class="icon ion-md-arrow-forward"></i></h6>
							</a>
							<p>这个、这个、这个不擅长～_~<br>如果你会？请联系我们刚好需要你。</p>
						</div>
					</div>
				</div>
			</div>
		</skill>

		<section id="item" class="bg-light">
			<div class="container">
				<h3>这是我们的开源项目.</h3>
				<!-- <p class="topmargin-sm">持续迭代，不断更新！选择斗单，一定日进斗单！</p> -->
				<div class="row topmargin-lg">
					<div class="col-md-4">
						<div class="item-container">
							<div class="item-header">
								<h3>后台管理系统</h3>
								<p>springboot+element-ui开发的简单后台管理系统。</p>
							</div>
							<div class="item-body">
								<ul>
									<li><i class="icon ion-md-checkmark-circle-outline"></i> 用户管理</li>
									<li><i class="icon ion-md-checkmark-circle-outline"></i> 菜单管理</li>
									<li><i class="icon ion-md-checkmark-circle-outline"></i> 日志</li>
									<li><i class="icon ion-md-checkmark-circle-outline"></i> 更多功能。。。</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="item-container">
							<div class="item-header">
								<h3>有财账单</h3>
								<p>基于uniapp开发的微信小程序。</p>
							</div>
							<div class="item-body">
								<ul>
									<li><i class="icon ion-md-checkmark-circle-outline"></i> 支出、收入记账</li>
									<li><i class="icon ion-md-checkmark-circle-outline"></i> 借、贷记账</li>
									<li><i class="icon ion-md-checkmark-circle-outline"></i> 账单统计</li>
									<li><i class="icon ion-md-checkmark-circle-outline"></i> 更多功能。。。</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="item-container">
							<div class="item-header">
								<h3>敬请期待</h3>
								<p>我们正努力开发更多开源项目。。。</p>
							</div>
							<div class="item-body">
								<ul>
									<li><i class="icon ion-md-checkmark-circle-outline"></i>你也可以将开源地址提交给我们</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>



		<section id="contact">
			<div class="container text-center">
				<h4>联系我们</h4>
				<p>如果你想找我们开发系统
					<br>或者想加入我们，那么请联系我们！当然你也可以行行好^_^
				</p>
				<p>QQ邮箱:1836288337@qq.com</p>
				<!-- <div class="row link topmargin-lg">
                <div class="col-md-3">
                    <img alt="微信二维码" src="assets/images/link-wx.png"/>
                    <p>微信联系我们</p>
                </div>
                <div class="col-md-3">
                    <img alt="QQ二维码" src="assets/images/link-qq-2.jpg"/>
                    <p>QQ联系我们</p>
                </div>
                <div class="col-md-3">
                    <img alt="微信收款码" src="assets/images/link-wxp-3.png"/>
                    <p style="color:red">微信打赏</p>
                </div>
                <div class="col-md-3">
                    <img alt="支付宝收款码" src="assets/images/link-alipay-2.png"/>
                    <p style="color:red">支付宝打赏</p>
                </div>
            </div> -->
			</div>
		</section>

		<div id="copyright" class="bg-light">
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<ul class="list-inline">
							<!-- <li class="list-inline-item"><a target="_blank">老大说：“只要想飞，我们就能飞！”</a></li> -->
						</ul>
					</div>
					<!-- <div class="col-md-4 text-center"><img alt="wocapi开源框架" src="assets/images/logo.png" class="logo"></div>

                <div class="col-md-4">
                    <ul class="list-inline tright">
                        <li class="list-inline-item"><a href="#"><i class="icon ion-logo-instagram"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="icon ion-logo-facebook"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="icon ion-logo-linkedin"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="icon ion-logo-youtube"></i></a></li>
                    </ul>
                </div> -->
				</div>
				<div class="row">
					<div class="col-md-12 text-center">
						<small>Copyright © 2022</small>
						<br>
						<small>www.ys99.top All Rights Reserved <a target="_blank"
								href="https://beian.miit.gov.cn/#/Integrated/index">网站备案：浙ICP备2022027593</a></small>
						<br>
						<script type="text/javascript"
							src="http://wljg.csaic.gov.cn/getSiteBaseJs/2359?widthimg=40&heightimg=40"></script>
					</div>
				</div>
			</div>
		</div>

		<!-- Optional JavaScript -->
		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
			integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
		</script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
			integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
		</script>
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
			integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
		</script>
	</body>

</html>
